<%@ page language="java"  pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/common/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=320.1, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <%@ include file="/WEB-INF/views/common/resource.jsp" %>
    <script src="${rtx}/js/shopCar.js"></script>
    <script>
        var ctx = '${ctx}';
    </script>
</head>
<body>

<div class="page">
    <div class="head_box">
        <span>已选商品</span>
        <%--<a><i class="iconfont icon-shanchu"></i>删除</a>--%>
    </div>
    <div class="order_detil_content" style="padding:0;">
        <div class="order_detil_infobox sc">
            <ul class="order_detil_prolist" id="shop_car_list">

            </ul>
        </div>
        <div class="clear"></div>
        <div class="tips">*如果您满足满赠或满减条件，在确认订单后，系统为您自动添加</div>
    </div>
    <div class="order_total_box">
        <label id="all_chose"><input type="checkbox" checked="checked" /><span>全选</span></label>
        <span class="total_text">合计：¥<font id="car_price"></font></span><div class="balance_btn" onclick="toCreateOrder()">去结算</div>
    </div>
    <div class="footer">
        <ul>
            <li class="onthis" onclick="location.href='${ctx}/shop/shopIndex.do'">
                <i class="iconfont icon-icon95" ></i>
                <span>主页</span>
            </li>
            <li onclick="location.href='${ctx}/shop/toOrderList.do'">
                <i class="iconfont icon-dingdan"></i>
                <span>订单</span>
            </li>
            <li>
                <i class="iconfont icon-iconziti23"></i>
                <span>新品</span>
            </li>
            <li>
                <i class="iconfont icon-wode" onclick="location.href='${ctx}/shop/toShopCenter.do'"></i>
                <span>我的</span>
            </li>
        </ul>
    </div>
</div>

<script type="text/javascript">

//    $('.free_info_box').click(function(e){
//        if($(this).find('i').hasClass('open')){
//            $(this).find('i').removeClass('open');
//            $(this).next('.free_info_detil').hide();
//        }else{
//            $(this).find('i').addClass('open');
//            $(this).next('.free_info_detil').show();
//        }
//    });

    $('#all_chose').click(function(e){
        if($('#all_chose').find('input').is(":checked")){
            $('.pro_checkbox_box').find('input').prop("checked", true);
        }else{
            $('.pro_checkbox_box').find('input').prop("checked", false);
        }
        showTotalAmount();
    });

    $('#close').click(function(e){
        $('.pop_bg').hide();
        $('.pop_box').hide();
    });

</script>
</body>
</html>
